/**
 * Created by abcsbga on 2017/7/16.
 */

// 导入html-webpack-plugin 包,获取到插件对象
var htmlwp = require('html-webpack-plugin');

module.exports= {
    entry: './src/main.js', // 1.0 定义打包的入口文件路径
    output: {
        path: __dirname+'/dist',   //打包以后的文件存放目录
        filename: 'build.js'  // 打包以后生成的文件名称
    },
    module:{
        loaders:[
            {
                test:/\.css$/,
                loader:'style-loader!css-loader'
            },
            {
                test:/\.scss$/,
                loader:'style-loader!css-loader!sass-loader'
            },
            {
                test:/\.less$/,
                loader:'style-loader!css-loader!less-loader'
            },
            {
                test:/\.(png|jpg|gif|ttf)$/,
                loader:'url-loader?limit=40000'
            },
            {
                test: /\.js$/,  // 将.js文件中的es6语法转成es5语法
                loader:'babel-loader',
                exclude:/node_modules/
            },
            {
                test: /\.vue$/,  // 将.js文件中的es6语法转成es5语法
                loader:'vue-loader',
            }
        ]
    },
    babel:{
        presets:['es2015'],  // 配置将es6语法转换成es5语法
        plugins:['transform-runtime']
    },
    plugins:[
        new htmlwp({
            title: '首页',  //生成的页面标题
            filename: 'index.html', //webpack-dev-server在内存中生成的文件名称，自动将build注入到这个页面底部，才能实现自动刷新功能
            template: 'index1.html' //根据index1.html这个模板来生成(这个文件请程序员自己生成)
        })
    ]
}